{% extends "base.html" %}

{% block title %}Play Game{% endblock %}

{% block extra_css %}
<style>
    .game-container {
        width: 100%;
        height: 90vh;
        margin: 0 auto;
        padding: 20px;
    }
    .game-frame {
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 8px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
</style>
{% endblock %}

{% block content %}
<div class="game-container">
    <iframe src="https://s.sprunkiincredibox.com/game/sprunki/index.html" class="game-frame" allowfullscreen></iframe>
</div>
{% endblock %}
